<template>
  <div>
    <div style="display: flex">
      <div>{{ item?.key }}</div>
      <div style="color: red">{{ aa }}</div>
      <input type="text" name="" v-model="aa" id="" />
      <div>{{ item?.value }}</div>
      <text v-if="item?.hasConnection" class="value ellipsis">
        {{ item.hasConnection }}
      </text>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
export default defineComponent({
  name: "test",
  props: {
    item: {
      type: Object,
    },
  },
  emits: ["set-active"],
  setup(props: any) {
    let aa = ref("");
    return {
      aa,
    };
  },
});
</script>
